﻿<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册</title>
<!-- <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/narrow.css" type="text/css" /> -->
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/home.css" type="text/css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/style.css" type="text/css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/style2.css" type="text/css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/regist.css" type="text/css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/home.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/ppcommon.js"></script>
</head>
<style type="text/css">
  @media screen and (min-width: 1380px){
  .form .item{padding:0 0 25px 150px;clear:both;zoom:1;text-align: center;}
  .regist_main .form .btn-box{padding:0 0 0 310px;}
  .regist_main .form .checkbox-box{padding:0 0 0 310px;height:42px;line-height:42px;margin:-15px 0 15px;}
  .yanzheng{padding:0 0 0 280px;}
  .yanzm_pic{width: 110px;}
  .renz-btn{width: 48%;}
  .form .input-box .ipt{padding: 11px 12px;}
}
</style>
<body>
<div class="page">
  <!--header-->
  <div class="header">
    <div class="top">
      <div class="top_con">
        <ul class="top_left">
          <li><span class="icon-home-02"></span><a href="javascript:;">加入收藏</a></li>
          <li><span class="icon-home-05"></span><a href="javascript:;">关注我们</a></li>
          <li><span class="icon-home-03"></span><a href="javascript:;">在线客服</a></li>
        </ul>
        <ul class="top_right">
            <c:if test="${user!=null}">
                <li style="color: white">你好，欢迎 ${user.username} 来到喜币金融！</li>
                <a href="${pageContext.request.contextPath}/user/logout">注销登入</a>
            </c:if>
            <c:if test="${user==null}">
                <li>你好，欢迎来到喜币金融！</li>
                <li>
                    <input type="button" value="登录" class="btn_login"/>
                </li>
                <li>
                    <a href=" "><input type="button" value="注册"
                                       class="btn_regist"/></a>
                </li>
            </c:if>
        </ul>
      </div>
    </div>
    <div class="nav">
      <div class="nav_con">
        <ul class="nav_logo">
          <li></li>
          <li class="jianbing">煎饼金融</li>
          <li></li>
        </ul>
        <ul class="nav_indro">
          <!-- <li class="l_one">安全网贷系统</li> -->
          <li class="l_two">SHOVEBANK.COM</li>
          <li class="l_three">中国最大的P2P系统服务商</li>
        </ul>
        <ul class="nav_list">
          <li><a href="index.html">首页</a></li>
          <li><a href="javascript:;">我要投资</a></li>
          <li><a href="javascript:;">债权转让</a></li>
          <li><a href="myAccount.html">我的账户</a></li>
          <li><a href="javascript:;">财富资讯</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 登陆 -->
      <div class="landing">
        <div class="login-poptit">
              <a href="javascript:;" title="关闭" class="login-close"></a>
              <span class="landing-txt">登录</span>
        </div>
        <div class="login-popbody">
          <p class="p_con">为提升账户安全性，已取消昵称登陆</p>
              <form class="loginform" name="loginform" action="" method="post">
                  <div class="login-icon">
                     <div class="login-icon-pic">
                        <!-- <img src="${pageContext.request.contextPath}/static/img/ymh.png"/> -->
                     </div>
                    <input class="ipt" type="text" name="yh" placeholder="输入手机号或邮箱" />
                  </div>
                  <div class="login-icon">
                     <div class="login-icon-pic login-icon-pic1">
                        <!-- <img src="${pageContext.request.contextPath}/static/img/mm.png"/> -->
                     </div>
                    <input class="ipt" type="password" name="pwd" placeholder="输入登陆密码" />
                  </div>
                   <div class="login-forget">
                    <a href="">忘记密码？</a>
                   </div>
                   <div class="login-botton">
                    <input type="submit" value="立即登录" class="btn">
                   </div>
                   <p class="login-footer">
                    <a href="">没有账号去注册</a>
                   <p>
              </form>
          </div>
      </div>
  
  <!--注册-->
    <div class="regist">
			<div class="regist_main">
        <ul class="regist_info">
          <li class="info_1"><span class="info_yuan1"></span>填写账户信息</li>
          <li class="info_line1">
            <div  class="rightreact1"></div>
          </li>
          <li class="info_1"><span class="info_yuan1"></span>手机或邮箱验证</li>
          <li class="info_line1">
            <div  class="rightreact1"></div>
          </li>
          <li class="info_1"><span class="info_yuan2"></span>注册成功</li>      
        </ul>
      	<div class="form form-step-1">
      		  <form method="post" id="reg_step1" action="">
      		    <div class="item">
          			<div class="label">
          				<span class="c-red">*</span>手机号确认 ：
          			</div>
          			<div class="input-phone">
          				<span class="phone_num">
          					18202297755
          				</span>
          				<a href="regist.html" style="color:#4aaff7">返回修改手机号</a>
          			</div>
      		    </div>
      		    <div class="item">
          			<div class="label">
          				<span class="c-red">*</span>验证码 ：
          			</div>
          			<div class="input-box" style="width:25%;">
          				<input type="text"  placeholder="输入验证码" name="phone" class="ipt" style="width:88%;">
          			</div>
          			<img src="${pageContext.request.contextPath}/static/img/p_yanzm.png" class="yanzm_pic" height="42" width="90" style="float:left;">
      		    </div>
      		    <div class="item">
          			<div class="label">
          				<span class="c-red">*</span>验证码 ：
          			</div>
          			<div class="input-box" style="width:25%;">
          				<input onpaste="return false" type="text" placeholder="输入验证码"  name="yanzm" class="ipt"  style="width:88%;">
          			</div>
          			<span class="phone_yanzm">获取验证码</span>
        			<!-- <div class="level level-1">
        				<span class="n3"></span>
        				<span class="n2"></span>
        				<span class="n1">弱</span>
        			</div>
        			<div class="level level-2">
        				<span class="n3"></span>
        				<span class="n2">中</span>
        				<span class="n1"></span>
        			</div>
        			<div class="level level-3">
        				<span class="n3">强</span>
        				<span class="n2"></span>
        				<span class="n1"></span>
        			</div> -->
      		    </div>
              <div class="yanzheng"> 
                <a href=""><input type="button" id="reg_step2" name="reg_step2" value="验证"  class="renz-btn"></a>
              </div>
      		  </form>
      	  </div>
	     </div>
		</div>
  </div>
  <!--footer-->
  <div class="footer">
    <div class="footer_con">
      <div class="footer_nav">
        <ul class="footer_list">
          <li><a href="javascript:;">关于我们</a></li>
          <li><a href="javascript:;">新手入门</a></li>
          <li><a href="javascript:;">我要借款</a></li>
          <li><a href="javascript:;">我要理财</a></li>
          <li><a href="javascript:;">帮助中心</a></li>
          <li><a href="javascript:;">利息计算器</a></li>
        </ul>
        <ul class="footer_we">
          <li>关注我们：</li>
          <li class="f_yuan"><span class="icon-home-05"></span></li>
          <li>关注微博</li>
          <li class="f_yuan"><span class="icon-home-04"></span></li>
          <li>关注微信</li>
        </ul>
        <ul class="footer_link">
          <li>友情链接：网贷平台 保险机构 财富动力 网证券之星 今日汇率网 中金外汇网 络投资 股权众筹 保信贵金属 互联网金融 大连金融网 银行贷款利率 信托产品房产  贷款保险网 沈阳p2p 理财博凯</li>
        </ul>
      </div>
      <div class="footer_right">
        <ul class="footer_call">
          <li> <span class="icon-home-09 foot_icon"></span> <span class="foot_call">4009-150-151</span> <span class="foot_time">客服工作时间：9:00-21:00</span> </li>
        </ul>
        <ul class="foot_link_pic">
          <li><img src="${pageContext.request.contextPath}/static/img/abcd_08_06.png"/></li>
          <li><img src="${pageContext.request.contextPath}/static/img/abcd_08_08.png"/></li>
          <li><img src="${pageContext.request.contextPath}/static/img/abcd_08_10.png"/></li>
          <li><img src="${pageContext.request.contextPath}/static/img/abcd_08_03.png"/></li>
        </ul>
      </div>
    </div>
  </div>
  <p class="footer_bottom">&copy;2015I车保网贷金融服务有限公司 京ICP证140334号</p>
</div>
</body>
</html>